<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>码云</title>
<!--	<script src="js/jquery-3.2.1.min.js"></script>
-->	<script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
	
	<script type="text/javascript" src="js/slides.min.jquery.js"></script>
	<script>$(function()
	{
			$('#slides_two').slides({
			
				play: 4500
				
			});
			
				$('#slides_2').slides({
					
				    play: 4500
				});
				$('#slides_3').slides({
				
				    play: 4500
				});
	});
	</script>
	<script src="js/bootstrap.js"></script>
	<link rel="stylesheet" type="text/css" href="js/bootstrap.css"/>
	<link rel="stylesheet" type="text/css" href="css/style.css"/>
	
	</head>
	<body>
		<div class="header" >
			<div class="row">
			<div class="col-md-12">
				<div class="col-md-1 col-md-offset-1">
					<img src="img/logo.png"/>
				</div>
				<div class="col-md-5">
					<a>开源项目</a>
					<a>&nbsp;&nbsp;代码片段</a>
					<a>&nbsp;&nbsp;企业版</a>
					</div>
					<div class="col-md-2"></div>
					<div class="col-md-4">
						<input type="search" placeholder="搜索.." style="border-radius:12px;background-color:#122B40;border-color: #ADADAD;" />
						<a>注册</a>
						<a>登录</a>
					</div>
			</div>
			</div>
		</div>
		
		<div class="container">
			<div class="top">
				<div>
			<img src="img/bg-banner.jpg" style="position: absolute;width: 105%;margin-left: -10%;margin-top: 3.5%;height: 70%;" />
			</div>
			<div class="title" style="position: relative;float:right;">
<div style="margin-top: 18%;margin-left: 5%;"><h1 style="color: white;">放<img src="img/Image 8.png"/>过来</h1></div>
<div style="margin-top: 5%;">
<p style="margin-left: -20%;">码云专为开发者提供稳定、高效、安全的云端软件开发协作平台</p>
<p style="margin-left: -32%;">无论是个人、团队、或是企业，都能够用码云实现代码托管、项目管理、协作开发</p></div>
<div class="btn" style="margin-top: 5%;">
<button class="btn-lg" style="opacity:0.7;border: #EC971F 1px solid;color:#F0AD4E ;margin-left: -20%;">&nbsp;&nbsp;&nbsp;&nbsp;加入码云&nbsp;&nbsp;&nbsp;&nbsp;</button>
<button class="bg-success btn-lg"style="color: #FFFFFF;background-color: #EC971F;border: none;margin-left: 2%;">免费开通企业版</button></div>
<p style="color: #8C8C8C;font-size: 15px;">我已经有了GitHub,<a>为什么要用码云?</a></p>
			</div>
			</div>
			<div class="middle">
				<div class="col-md-12 col-md-offset-1">
					<div class="col-md-3">
						<img src="img/折线.png"/>
						<p style="font-size: 25px;color: #122B40;font-weight: bold;margin-left: 12%;margin-top: 10%;">代码管理</p>
						<p>可创建 1000 个项目，不限私有或公<br/>&nbsp;&nbsp;有；支持 SSH、HTTP 和 SVN</p>
					</div>
					<div class="col-md-3">
						<img src="img/纸飞机.png"/>
						<p style="font-size: 25px;color: #122B40;font-weight: bold;margin-left: 12%;margin-top: 10%;">团队协作</p>
						<p>代码托管与团队协作的一体化服务管<br/>&nbsp;&nbsp;理平台，轻松管理项目和团队</p>
					</div>
					<div class="col-md-3">
						<img src="img/折线.png"/>
						<p style="font-size: 25px;color: #122B40;font-weight: bold;margin-left: 12%;margin-top: 10%;">质量分析</p>
						<p>一键分析项目，直观了解项目代码质<br/>&nbsp;&nbsp;量，支持Sonar、代码安全卫士</p>
					</div>
					<div class="col-md-3">
						<img src="img/纸飞机.png"/>
						<p style="font-size: 25px;color: #122B40;font-weight: bold;margin-left: 12%;margin-top: 10%;">项目演示</p>
						<p>提供各种项目在线演示环境，支持多种<br/>&nbsp;&nbsp;语言框架及数据库服务</p>
					</div>
				</div>
			</div>
			
			<div class="secmiddle">
					
					<div class="row">
						
						<div class="col-md-12">
	<img src="img/bg_enterprise.jpg" style="position: absolute;margin-left:-10%;margin-top: 10%;"/>
					<div class="word" style="position: relative;">
						<div class="col-md-3">
						<img src="img/mockup_enterprise.png" style="width: 120%;height: 50%;margin-top: 50%;margin-left: 10%;"/></div>
						<div class="col-md-4" style="margin-top: 15%;margin-left: 10%;">
						<h1>码云企业版</h1>
<p>安全、高效、稳定的企业级协作开发平台</p>
						</div>
<div class="col-md-3">
	<button class="btn-lg btn-warning">免费开通企业版</button>
</div>
<div class="col-md-2"><a> 个人版与企业版功能对比
</a></div>
 					</div>
				</div>
					</div>
			</div>
		</div>
		<div class="footer">
			<div class="col-md-12">&nbsp;</div>
		<h4>这些项目也托管在码云
		</h4>
		<div class="row">
		<div class="col-md-12 col-md-offset-2">
			<div class="col-md-3">
		<div  id="slides_two">
				<div  class="slides_container">
				<h1>Java EE（J2EE</h1><p>Java EE（J2EE）快速开发框架，基于经典技术组合（Spring MVC、Apache Shiro、MyBatis、Bootstrap UI），包括核心模块如：组织机构、角色用户、权限授权、数据权限、内容管理、工作流等。虽说很长时间没有大的</p>
				<h1>JFinal</h1><p>JFinal 是基于 Java 语言的极速 WEB + ORM 框架，其核心设计目标是开发迅速、代码量少、学习简单、功能强大、轻量级、易扩展、Restful。在拥有Java语言所有优势的同时再拥有ruby、python、php等动态语言的开发效率！为您节</p>
			</div>
			</div></div>
			<div class="col-md-3">
		<div  id="slides_2">
				<div  class="slides_container">
				<h2>禅道</h2><p>禅道是第一款国产的开源项目管理软件。它集产品管理、项目管理、质量管理、文档管理、组织管理和事务管理于一体，是一款专业的研发项目管理软件，完整地覆盖了项目管理的核心流程。注重实效，合软件架构合理，操作简洁高效，扩展灵活，多语言支持，多风格支持，搜索功能，统计功能——这一切，您通过禅道，都可以拥</p>
				<h2>JFinal</h2><p>JFinal 是基于 Java 语言的极速 WEB + ORM 框架，其核心设计目标是开发迅速、代码量少、学习简单、功能强大、轻量级、易扩展、Restful。在拥有Java语言所有优势的同时再拥有ruby、python、php等动态语言的开发效率！为您节</p>
			</div>
			</div></div>
			<div class="col-md-3">
				<div  id="slides_3">
				<div  class="slides_container">
				<h2>禅道</h2><p>禅道是第一款国产的开源项目管理软件。它集产品管理、项目管理、质量管理、文档管理、组织管理和事务管理于一体，是一款专业的研发项目管理软件，完整地覆盖了项目管理的核心流程。注重实效，合软件架构合理，操作简洁高效，扩展灵活，多语言支持，多风格支持，搜索功能，统计功能——这一切，您通过禅道，都可以拥</p>
				<h2>JFinal</h2><p>JFinal 是基于 Java 语言的极速 WEB + ORM 框架，其核心设计目标是开发迅速、代码量少、学习简单、功能强大、轻量级、易扩展、Restful。在拥有Java语言所有优势的同时再拥有ruby、python、php等动态语言的开发效率！为您节</p>
			</div>
			</div>
			</div>
		</div></div>
		</div>
	<div class="lastfooter">
		<div class="col-md-12 col-md-offset-1">
			<div class="col-md-3">
				<a>&trade;Gitee.com</a><br />
				<a>使用条款<br />
帮助文档<br />
OpenAPI<br /></a>
			</div>
			<div class="col-md-3">
				<a>APP与插件下载
合作伙伴<br />
意见与建议<br /></a>
			</div>
			<div class="col-md-3">
				<a>400-898-2008 转2<br />
git#oschina.cn（请将#替换成@）<br />
 三群：655903986  码云Gitee</a>
			</div>
			<div class="col-md-3">
				<p>微信公众号</p><br />
				<img src="img/qrcode-weixin-0133b31ee0f8fd2d88eee0821788abda.jpg" />
			</div>
		</div>
		
	</div>
	<div class="add">
		<div class="col-md-12">
			<p>本站带宽由 51idc 提供</p>
		</div>
		</div>
	</body>
</html>
